<!-- The home page for deeposm.org.
-->

{% extends 'base.html' %}

{% load staticfiles %}

{% block content %}
    
    <div id=main-banner>
        <h1 class=main-header style="margin-bottom:30px; font-weight: bold;-webkit-text-stroke: 1px white;">
            Improve OpenStreetMap with Neural Networks
        </h1>
        {% for state in states %}
        <a class="btn btn-lg btn-primary" style="text-decoration:none" href="/road-registration-errors/USA/{{state.slug}}/list/" role="button">View {{state.name}} Errors</a>
	    {% endfor %}
    </div>

    <h3>Recent Analyses</h3>
	<p>{{recent_message}}</p>
	<ul>
	    {% for state in states %}
	    <li><a href=/road-registration-errors/USA/{{state.slug}}/list/>{{state.name}}, USA - Road Registration Errors ({{state.recent}})</a> - (<a style="color:green" href="/road-registration-errors/USA/{{state.slug}}/list/?json=True" target=_new>as JSON</a>)</li>
	    {% endfor %}
	</ul>

    <h3>Flagged as Wrong</h3>
	<p>{{flagged_message}}</p>
	<ul>
	    {% for state in states %}
	    <li><a href=/road-registration-errors/USA/{{state.slug}}/list/?flagged=True>{{state.name}}, USA - Road Registration Errors ({{state.flagged}})</a> - (<a style="color:green" href="/road-registration-errors/USA/{{state.slug}}/list/?flagged=True&json=True" target=_new>as JSON</a>)</li>
	    {% endfor %}
	</ul>

    {% if any_solved %}
    <h3>Solved</h3>
	<p>{{solved_message}}</p>
	<ul>
	    {% for state in states %}
	    <li><a href=/road-registration-errors/USA/{{state.slug}}/list/?solved=True>{{state.name}}, USA - Road Registration Errors ({{state.solved}})</a> - (<a style="color:orange" href="/road-registration-errors/USA/{{state.slug}}/list/?solved=True&json=True" target=_new>as JSON</a>)</li>
	    {% endfor %}
	</ul>
	{% endif %}

	<h3>DeepOSM Code</h3>
	Check out the <a target=_new href=https://github.com/trailbehind/DeepOSM>code for DeepOSM and deeposm.org</a>.
	<style>
		#main-banner a {
			color: white
		}
		#main-banner {
			height:400px;
			text-align: center;
			padding-top:150px !important;
			display: block;
            position: relative; 
		}
		#main-banner ::before {
		  content: "";
		  background: url('{% static 'satellite-banner.jpg' %}');
		  opacity: 0.3;
		  top: 0;
		  left: 0;
		  bottom: 0;
		  right: 0;
		  position: absolute;
		  z-index: -1;   
		}
	</style>
{% endblock %}